<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta content="telephone=no" name="format-detection" />
	<meta http-equiv="Cache-Control" content="no-cache"/>
	<meta name="MobileOptimized" content="320">
	<!-- uc强制竖屏 -->
	<meta name="screen-orientation" content="portrait">
	<!-- QQ强制竖屏 -->
	<meta name="x5-orientation" content="portrait">
	<!-- UC强制全屏 -->
	<meta name="full-screen" content="yes">
	<!-- QQ强制全屏 -->
	<meta name="x5-fullscreen" content="true">
	<!-- UC应用模式 -->
	<meta name="browsermode" content="application">
	<!-- QQ应用模式 -->
	<meta name="x5-page-mode" content="app">
	<link rel="stylesheet" href="__PUBLIC__/App/css/reset.css">
	<link rel="stylesheet" href="__PUBLIC__/App/css/submit.css">
	<link rel="stylesheet" href="__PUBLIC__/App/css/simpScroller.css">
	<script type="text/javascript" src="__PUBLIC__/App/js/viewport.js"></script>
	<script type="text/javascript" src="__PUBLIC__/App/js/simpScroller-min.js"></script>
	<script type="text/javascript" src="__PUBLIC__/App/js/submit.js"></script>
	<title>在线订餐</title>
</head>
<body>
		<header>
			<h1>提交订单</h1>
		</header>
			<div class="warning">
				<span>请设置用户地址</span>
			</div>
			<div class="add-address clearfix">
				<div class="add-img">
					<img src="images/add.jpg" alt="">
				</div>
				<span>添加送货地址</span>
				<span class="arrow">></span>
			</div>
			<div class="menu">
				<ul>
				<volist name="rom" id="vo">
					<li>
						<div class="food-img">
							<img src="{$vo.title.image}" alt="">
						</div>
						<span class="name">{$vo.gname}</span>
						<span class="amount">x{$vo.goods_number}</span>
						<span class="one-price">￥{$vo.price}</span>
					</li>
                </volist>
				</ul>
			</div>
			<div class="remark">
				<form action="">
					<input type="text" placeholder="备注：可注明口味，偏好等其他要求">
				</form>
			</div>
			<div class="man-amount">
				<span class="span1">就餐人数</span>
				<input type="text" class="input-amount">
			</div>
			<div class="freight">
				<span class="span1">配送费</span>
				<span class="span2 gray">0.00元</span>
			</div>
			<div class="lowest-freight">
				<span>最低起送价（不含配送费）</span>	
			</div>
			<div class="favourable-price">
				<span class="span1">优惠</span>
				<span class="span2 gray">0.00元</span>
			</div>
			<div class="original-price">
				<span class="span1">原价</span>
				<span class="span2 gray">98.00元</span>
			</div>
			<div class="total">
				<span class="span1">合计</span>
				<span class="span2 gray">￥98</span>
			</div>
			<div class="pay-info">
				<span>支付信息</span>
			</div>
			<div class="pay-weichat">
				<span>微信支付</span>
				<div class="dot1"></div>
			</div>
			<div class="pay-cash">
				<span>现金支付</span>
				<div class="dot2"></div>
			</div>

		<footer class="clearfix">
			<div class="price">
				<span class="span-price">￥0.00</span>
			</div>
			<div class="pay-btn"><button class="pay-button">微信支付</button></div>
		</footer>

		<div class="address-layer">
		<form>
			<div class="contacts-top">
				<span>联系人</span>
				<span class="exit1">x</span>
			</div>
			<div class="contact">
				<span>姓名：</span>
				<input type="text" placeholder="请填写收货人姓名" class="name-input">
				<br>
				<span>电话：</span>
				<input type="text" placeholder="请填写收货人手机号码" class="phone-input">
				<br>
				<span>地址：</span>
				<input type="text" placeholder="请填写收货人详细地址" class="address-input">
			</div>
			<button class="save">保存</button>
		</form>  
		</div>

		<div class="address-box">
			<div class="address-top">
				<span>选择地址</span>
				<span class="exit2">x</span>
			</div>
			<div class="save-address">
				<ul class="ul-address">
					
				</ul>
			</div>
		</div>
	

</body>
</html>